<template>
  <el-header class="shadow">
    <div class="tool-bar-lf">
      <Hamburger />
    </div>
    <div class="tool-bar-ri">
      <div class="header-icon">
        <MySettings />
        <Fullscreen />
      </div>
      <span class="username">{{ user.nickname }}</span>
      <Avatar />
    </div>
  </el-header>
</template>
<script setup lang="ts">
import Hamburger from '@/components/Hamburger/index.vue'
import Fullscreen from '@/components/Fullscreen/index.vue'
import MySettings from './MySettings.vue'
import Avatar from './Avatar.vue'
import { StoreUserKey } from '@/config'
import { localGet } from '@/utils'

const user = localGet(StoreUserKey)
</script>
